﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" MasterPageFile="metro.master" %>
<%@ OutputCache NoStore="true" Location="None"  %>

<asp:Content ContentPlaceHolderID="scripts" runat="server">
    <script type="text/javascript" src="js/jsapi.js"></script>       
    <script type="text/javascript" src="js/CombinedDashboard.js?v1"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            <%= GetAlerts() %>
            });
    </script>
    
</asp:Content>

<asp:Content ContentPlaceHolderID="body" runat="server">
    <div id="body" class="unselectable">
        <div id="navbar" class="navbar navbar-fixed-top navbar-inverse">
            <div class="navbar-inner">
            <a class="brand" href="../default.aspx"><img src="img/Logo.jpg" style="max-height: 30px; margin:-10px 5px -5px 40px; vertical-align: middle" /></a>
                            
                <div class="container">                    
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <%-- if (MenuPriviledge("Relationship"))  { --%>
                            <li><a class="brand" href="../Relationship.aspx">Relationship</a></li>
                            <%-- } --%>
                            <%-- if (MenuPriviledge("News Feed")) { --%>
                            <li><a class="brand" href="../NewsFeed.aspx">News Feed</a></li>
                            <%-- } --%>
                            <%-- if (MenuPriviledge("Company Profile")) { --%>
                            <li><a class="brand" href="../CompanyProfile.aspx">Company Profile&nbsp;</a></li>
                            <%-- } --%>
                            <%-- if (MenuPriviledge("NPS")) { --%>
                            <li class="active"><a class="brand" href="#">NPS</a></li>
                            <%-- } --%>
                            <%-- if (ICPUser.IsAdmin) { --%>
                            <li><a class="brand" href="../AdminHome.aspx">Admin Area</a></li>
                            <%-- } --%>
                        </ul>
                        <ul class="nav pull-right">
                            <li><span>Integrated Customer Profile</span></li>                            
                         </ul>
                    </div>
                </div>
            </div>
        </div>

        <div id="content" style="visibility: hidden">
            <div id="start">Net Promotore Score</div>
            <div id="user">
                <div id="name">
                    <div id="firstname"><% Response.Write(m_sxViewFristName); %></div>
                    <div id="lastname"><% Response.Write(m_sxViewLastName); %></div>
                </div>
                <div id="photo">
                    <img src="../upload/avatar/<% Response.Write(m_sxViewUserId); %>.jpg"" width="40" height="40" />
                </div>
            </div>
            <div id="browser_incompatible" class="alert">
                <button class="close" data-dismiss="alert">×</button>
                <strong>Warning!</strong>
                Your browser is incompatible. Please use Internet Explorer 9+, Chrome, Firefox or Safari.
            </div>
            <div id="metro-sections-container" class="metro">
                <div id="trash" class="trashcan" data-bind="sortable: { data: trash }">
                    
                </div>
                <div class="metro-sections" data-bind="foreach: sections">
                    <%--<div class="metro-section" data-bind="attr: {id : uniqueId}, foreach: sortedTiles">--%>
                    <div class="metro-section" data-bind="sortable: { data: tiles }">
                        <div data-bind="attr: { id: uniqueId, 'class': tileClasses }">
                            
                            <!-- ko if: tileImage -->
                            <div class="tile-image">
                                <img data-bind="attr: { src: tileImage }" src="img/Internet%20Explorer.png" />
                            </div>
                            <!-- /ko -->
                            <!-- ko if: iconSrc -->
                            <!-- ko if: slides().length == 0 -->
                            <div data-bind="attr: { 'class': iconClasses }">
                                <img data-bind="attr: { src: iconSrc }" src="img/Internet%20Explorer.png" />
                            </div>
                            <!-- /ko -->
                            <!-- /ko -->
                            <div data-bind="foreach: slides">
                                <div class="tile-content-main">
                                    <div data-bind="html: $data">
                                    </div>
                                </div>
                            </div>
                            <!-- ko if: label -->
                            <span class="tile-label" data-bind="html: label">Label</span>
                            <!-- /ko -->
                            <!-- ko if: counter -->
                            <span class="tile-counter" data-bind="html: counter">10</span>
                            <!-- /ko -->
                            <!-- ko if: subContent -->
                            <div data-bind="attr: { 'class': subContentClasses }, html: subContent">
                                subContent
                            </div>
                            <!-- /ko -->
                            
                        </div>   
                        
                    </div>
                </div>
            </div>
        </div>
        <div id="copyright"></div>
    </div>


</asp:Content>
